@CHARSET "utf-8";

ol,ul {
	list-style:none;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}

h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}

#header{
	padding: 10px 20px;
}

ol,ul {
	list-style:none;
}

body {
	background: #47423F;
	color: #fff;
	font-family:'lucida grande',verdana,helvetica,arial,sans-serif;
	font-size:90%;
	margin: 0;
	font-size:12px;
}

a{
	color:#000;
	text-decoration:none;
}

#content{
	background: #fff;
	clear: both;
	color: #333;
	padding: 10px 20px 40px 20px;
	overflow: auto;
	height: 62em;
	border-radius: 25px;
	background: #ADA692;
	margin-left: 1em;
	margin-right: 1em;
}


.contact-form-container{
	width: 400px;
	background: #84978F;
	visibility: hidden;
	float: right;
	position: absolute;
	top: 20%;
	margin: 0px auto 0px auto;
	visibility: hidden;
	margin-left: 60%;
	border-radius: 10px 10px 10px 10px;
}

#footer {
	clear: both;
	padding: 6px 10px;
	padding-left: 0%;
	text-align: center;
}

#contact-form {
	margin: 2em 4em 2em 4em;
}

#contact-form h3 {
	font-weight:bold;
	margin:0;
	padding:0;
}

#show-portfolio-button {
	display: inline-block;
	height: 50px;
	background: #B3B1B2;
	text-align: center;
	font-weight: bold;
	font-size: 25px;
	margin-left: 45%;
	border-radius: 0px 0px 20px 20px;
	color: #47423F;
	margin-top : -10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	float:left;
}

#show-portfolio-button :hover{
	background: #84978F;
}

#show-portfolio-button p {
	border-radius: 0px 0px 20px 20px;
	background: #red;
	height: 50px;
	margin-top: -10px;
	margin-left: -10px;
	margin-right: -10px;	
	padding-top: 10px;
	padding-left: 15px;
	padding-right: 15px;
}

#show-contact-form-button {
	display: inline-block;
	height: 50px;
	background: #B3B1B2;
	text-align: center;
	font-weight: bold;
	font-size: 25px;
	border-radius: 0px 0px 20px 20px;
	color: #47423F;
	margin-top : -10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	
	position:absolute; 
	right: 0%; 
	margin-right: -42px;
	margin-top: 10em;
	
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
}

#show-contact-form-button :hover{
	background: #84978F;
}

#show-contact-form-button p {
	border-radius: 0px 0px 20px 20px;
	background: #red;
	height: 50px;
	margin-top: -10px;
	margin-left: -10px;
	margin-right: -10px;	
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
}